
<template>
  <yt-grid  class="page-3y0fv">
      
  <yt-grid-item fixedSize='selfAdaption' :isUseContentWH='true' id="yt-ghpswm0up7h52" gridColumnStart="256" gridColumnEnd="1920" gridRowStart="64" gridRowEnd="1080" zIndex="1" previewType="FixedWH">
      <RouterView name="second_route"/>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='VerticalMenuisShow1' id="yt-6phfvm0z36k4g" gridColumnStart="1" gridColumnEnd="256" gridRowStart="64" gridRowEnd="1080" zIndex="2" previewType="FixedWH">
      <yt-vertical-menu-menu ref='ref2' @click_to_jump="()=> { handleFaultListClick(); handleScoreManagementClick(); handleRevenueClick(); handleOverviewClick(); }" class='webVueAntYtVerticleMenu webVueAntYtVerticleMenuStyle-10mwo webVueAntYtVerticleMenuStyle' v-model:openKeys='VerticalMenuopenKeys1' v-model:selectedKeys='VerticalMenuselectedKeys1' :items='VerticalMenuoptions1.dataSource'>
                  
              </yt-vertical-menu-menu>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-nnwoxm0z37gu5" gridColumnStart="1" gridColumnEnd="1920" gridRowStart="1" gridRowEnd="64" zIndex="3" previewType="FixedWH">
      <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-uq8cq webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-7n0m6m0z38z6w" gridColumnStart="99" gridColumnEnd="1721" gridRowStart="9" gridRowEnd="55" zIndex="4" previewType="FixedWH">
      <span ref='ref4' class='webVueAntYtSpan webVueAntYtSpanStyle-8ddfw webVueAntYtSpanBrCount-7k4vr webVueAntYtSpanStyle webVueAntYtSpanBrCount'>
                  <span v-html='"上拓运维管理系统"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-3ik7lm0z3ap8h" gridColumnStart="22" gridColumnEnd="83" gridRowStart="13" gridRowEnd="51" zIndex="5" previewType="FixedWH">
      <div ref='ref5' class='webVueAntYtPicture webVueAntYtPictureStyle-o3jmf webVueAntYtPictureStyle'>
                  <a-image :src='"./staticResource/tcy/1833048565941796864/0/OmKImfXyaRe5C9jbRuSUR.png"' :preview='false' :style='{
transform:"scaleX(1) scaleY(1)",
objectFit:"contain"
}'>
                  
              </a-image>
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-5sjf5m17a5xmm" gridColumnStart="1723" gridColumnEnd="1755" gridRowStart="16" gridRowEnd="48" zIndex="6" previewType="FixedWH">
      <div ref='ref6' class='webVueAntYtIcon webVueAntYtPictureStyle-o9qle webVueAntYtPictureStyle'>
                  <img :src='"./staticResource/tcy/1833048565941796864/0/r_JQJc-Bn9BnVNk11EtoT.svg"' class=' yt-static'/>
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='UserNameisShow1' id="yt-b40dpm17ac3yf" gridColumnStart="1760" gridColumnEnd="1876" gridRowStart="16" gridRowEnd="48" zIndex="7" previewType="FixedWH">
      <a-form-item ref='ref9' class='webVueAntInputFormItem webVueAntYtInputFormItem-oaiqg  webVueAntYtInputFormItem hide-label' name='UserNamevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"用户名"'>
                  
              </span>
              </div>
              </template>
<a-input  class='webVueAntinput webVueAntYtInputStyle-lvwqf webVueAntYtInputStyle' v-model:value='UserNamevalue1' :disabled='true' :maxLength='100'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>

  </yt-grid>
</template>

<script>

import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
data() {
return {
UserNamevalue1: "",
UserNameisShow1: true,
VerticalMenuopenKeys1: [],
VerticalMenuselectedKeys1: [],
VerticalMenuoptions1: {
dataSource: [{
key: "项目详情",
label: "",
title: "项目详情",
iconUrl: "./staticResource/tcy/1833048565941796864/0/QHD-LofwIWoTv6AduTCcP.svg",
disabled: false,
select: false,
children: [{
  key: "总览",
  label: "",
  title: "总览",
  iconUrl: "",
  disabled: false,
  select: false,
  selectPage: "1833056690786795520",
  groupCode: "afRtAa",
  requirementCode: "Qaorqp"
}],
requirementCode: "Qaorqp"
}, {
key: "数据上报",
label: "",
title: "数据上报",
iconUrl: "./staticResource/tcy/1833048565941796864/0/zN2yVMwarTYKw8iOTgHr-.svg",
disabled: false,
select: false,
requirementCode: "Qaorqp",
children: [{
  key: "营收数据上报",
  label: "",
  title: "营收数据上报",
  iconUrl: "",
  disabled: false,
  select: false,
  selectPage: "1833066582989864960",
  groupCode: "eWpI99",
  requirementCode: "Qaorqp"
}, {
  key: "人员排班",
  label: "",
  title: "人员排班",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833068144520855552",
  groupCode: "1M3D0o"
}, {
  key: "备件管理",
  label: "",
  title: "备件管理",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833068257184055296",
  groupCode: "z2Zy4d"
}]
}, {
key: "报表管理",
label: "",
title: "报表管理",
iconUrl: "./staticResource/tcy/1833048565941796864/0/G8ImOd-v3Tq1RsoNQTGWz.svg",
disabled: false,
select: false,
requirementCode: "Qaorqp",
children: [{
  key: "故障列表",
  label: "",
  title: "故障列表",
  iconUrl: "",
  disabled: false,
  select: false,
  selectPage: "1833069015983980544",
  groupCode: "ZFwJUI",
  requirementCode: "Qaorqp"
}, {
  key: "告警列表",
  label: "",
  title: "告警列表",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833338060712968192",
  groupCode: "DqZerA"
}, {
  key: "停机表",
  label: "",
  title: "停机表",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833342430317903872",
  groupCode: "fjQQ6S"
}, {
  key: "项目经济报表",
  label: "",
  title: "项目经济报表",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833344590506098688",
  groupCode: "fUXMkx"
}, {
  key: "项目运行报表",
  label: "",
  title: "项目运行报表",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833345459792379904",
  groupCode: "J59xdX"
}]
}, {
key: "数据管理",
label: "",
title: "数据管理",
iconUrl: "./staticResource/tcy/1833048565941796864/0/MgfAcvANKEnvlcvWIhOHJ.svg",
disabled: false,
select: false,
requirementCode: "Qaorqp",
children: [{
  key: "评分管理",
  label: "",
  title: "评分管理",
  iconUrl: "",
  disabled: false,
  select: false,
  selectPage: "1833350095802728448",
  groupCode: "s3N6Sc",
  requirementCode: "Qaorqp"
}, {
  key: "绿色贡献值",
  label: "",
  title: "绿色贡献值",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833352025404866560",
  groupCode: "n3yTv0"
}, {
  key: "公司业务类型",
  label: "",
  title: "公司业务类型",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833388481234075648",
  groupCode: "whjjCQ"
}, {
  key: "公司运营稳定性",
  label: "",
  title: "公司运营稳定性",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1833389029765152768",
  groupCode: "ZUeGUY"
}, {
  key: "告警规则",
  label: "",
  title: "告警规则",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1834421542105120768",
  groupCode: "yuuFSI"
}]
}, {
key: "系统设置",
label: "",
title: "系统设置",
iconUrl: "./staticResource/tcy/1833048565941796864/0/lhmT8pYsFm5hyibxbwajC.svg",
disabled: false,
select: false,
requirementCode: "Qaorqp",
children: [{
  key: "用户管理",
  label: "",
  title: "用户管理",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1834884370091999232",
  groupCode: "FVITxT"
}, {
  key: "角色管理",
  label: "",
  title: "角色管理",
  iconUrl: "",
  disabled: false,
  select: false,
  requirementCode: "Qaorqp",
  selectPage: "1834884426861903872",
  groupCode: "j2W77X"
}]
}],
value: {
selectActive: "",
selectData: [],
disableData: [],
disableActive: ""
}
},
VerticalMenuisShow1: true
};
},
watch: {},
methods: {
handleOverviewClick() {
// 获取当前选中的菜单项
const selectKey = this.VerticalMenuselectedKeys1[0];

// 根据选中的菜单项跳转到不同的路由路径
if (selectKey === '总览') {
this.$router.push('/daohang_ye/xinxi_zonglan');
}
},
handleRevenueClick() {
// 获取当前选中的菜单项
const selectKey = this.VerticalMenuselectedKeys1[0];

// 根据选中的菜单项跳转到不同的路由路径
if (selectKey === '营收数据上报') {
this.$router.push('/daohang_ye/yingshou_shuju_shangbao');
} else if (selectKey === '人员排班') {
this.$router.push('/daohang_ye/renyuan_paiban');
} else if (selectKey === '备件管理') {
this.$router.push('/daohang_ye/beijian_guanli');
}
},
handleFaultListClick() {
// 获取当前选中的菜单项
const selectKey = this.VerticalMenuselectedKeys1[0];

// 根据选中的菜单项跳转到不同的路由路径
if (selectKey === '故障列表') {
this.$router.push('/daohang_ye/guzhang_liebiao');
} else if (selectKey === '告警列表') {
this.$router.push('/daohang_ye/gaojing_liebiao');
} else if (selectKey === '停机表') {
this.$router.push('/daohang_ye/tingji_biao');
} else if (selectKey === '项目经济报表') {
this.$router.push('/daohang_ye/xiangmu_jingji_baobiao');
} else if (selectKey === '项目运行报表') {
this.$router.push('/daohang_ye/xiangmu_yunxing_baobiao');
}
},
handleScoreManagementClick() {
// 获取当前选中的菜单项
const selectKey = this.VerticalMenuselectedKeys1[0];

// 根据选中的菜单项跳转到不同的路由路径
switch (selectKey) {
case '评分管理':
this.$router.push('/daohang_ye/pingfen_guanli');
break;
case '绿色贡献值':
this.$router.push('/daohang_ye/lvse_gongxianzhi');
break;
case '公司业务类型':
this.$router.push('/daohang_ye/gongsi_yewu_leixing');
break;
case '公司运营稳定性':
this.$router.push('/daohang_ye/gongsi_yunying_wendingxing');
break;
case '告警规则':
this.$router.push('/daohang_ye/gaojing_guize');
break;
case '用户管理':
this.$router.push('/daohang_ye/yonghu_guanli');
break;
case '角色管理':
this.$router.push('/daohang_ye/juese_guanli');
break;
default:
console.warn('未知的菜单项:', selectKey);
}
},
async initUserName() {
try {
// 发送请求获取当前登录用户的用户名
const response = await axios.get('./Alarmrules/getCurrentUser');
if ( response.data && response.data.flag) {
// 将用户名设置为输入框的默认值
this.UserNamevalue1 = response.data.data;
} else {
message.error('获取用户名失败');
}
} catch (error) {
message.error('请求失败');
}
},
async fetchAndSetVariables() {
try {
// 调用后端接口获取变量数组 需要传入pageUuid变量
const pageUuid = '1833049087872598016';
const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
const variablesArray = response.data; // 后端直接返回变量数组

if (variablesArray && Array.isArray(variablesArray))
// 遍历数组，将每个变量设置为true
variablesArray.forEach(variable => {
  this[variable] = true;
});
} catch (error) {
console.error('获取变量失败:', error);
}
},
executeBackendInterface(funcName, params) {
// 处理参数为Map的情况
if (params instanceof Map) {
params = Object.fromEntries(params);
}
// 调用后端接口
return new Promise((resolve, reject) => {
axios.post('./Navigationpage/' + funcName, params, {
headers: {
  'Content-Type': 'application/json'
}
}).then(response => {
resolve(response.data);
}).catch(error => {
reject(error);
});
});
}
},
mounted() {
loadCss('./css/导航页面/theme.css');
this.initUserName();
// 组件挂载后自动调用函数获取变量
this.fetchAndSetVariables();
},
computed: {}
};

</script>
<style lang="less">
.page-3y0fv{

.webVueAntYtVerticleMenuStyle.ant-menu{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent !important;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
font-style: normal;
background: #ffffff;
}
.webVueAntYtVerticleMenuStyle.ant-menu .ant-menu-submenu-inline .ant-menu-inline,.webVueAntYtVerticleMenuStyle.ant-menu .yt-horizontal-menu-menu-sub-menu .ant-menu-item,.webVueAntYtVerticleMenuStyle.ant-menu .yt-horizontal-menu-menu-sub-menu .ant-menu-submenu{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
background: #ffffff;
}
.webVueAntYtVerticleMenuStyle.ant-menu .ant-menu-vertical{
background: #ffffff;
}
.webVueAntYtVerticleMenuStyle.ant-menu .ant-menu-item-selected,.webVueAntYtVerticleMenuStyle.ant-menu .yt-horizontal-menu-menu-sub-menu .ant-menu-item-selected,.webVueAntYtVerticleMenuStyle .ant-menu-submenu-selected>.ant-menu-submenu-title,.webVueAntYtVerticleMenuStyle.ant-menu .sub-menu-selected>.ant-menu-submenu-title>.ant-menu-title-content{
color: #3C8EFF;
}
.webVueAntYtVerticleMenuStyle.webVueAntYtVerticleMenu.ant-menu .ant-menu-item.ant-menu-item-selected,.webVueAntYtVerticleMenuStyle.webVueAntYtVerticleMenu.ant-menu .sub-menu-selected>.ant-menu-submenu-title{
background: #E6EFFE;
}
.webVueAntYtVerticleMenuStyle .ant-menu-submenu:not(.ant-menu-item-selected):hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.webVueAntYtVerticleMenuStyle .ant-menu-submenu:not(.ant-menu-item-selected):hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,.webVueAntYtVerticleMenuStyle.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):hover,.webVueAntYtVerticleMenuStyle.ant-menu-light .ant-menu-submenu-title:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected):hover{
color: #3C8EFF;
background: #ffffff !important;
}
.webVueAntYtVerticleMenuStyle.ant-menu-light .ant-menu-submenu-title:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected):hover,.webVueAntYtVerticleMenuStyle.ant-menu-light.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){
color: #3C8EFF;
}
.webVueAntYtVerticleMenuStyle.webVueAntYtVerticleMenu.ant-menu-light .ant-menu-item-active:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),.webVueAntYtVerticleMenuStyle.webVueAntYtVerticleMenu.ant-menu-light .ant-menu-submenu-active:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){
color: #3C8EFF;
}
.webVueAntYtVerticleMenuStyle.webVueAntYtVerticleMenu .ant-menu-item.ant-menu-item-selected:hover,.webVueAntYtVerticleMenuStyle .ant-menu-submenu-title.ant-menu-item-selected:hover{
color: #3C8EFF;
}
.webVueAntYtVerticleMenu {
width: 100%;
height: 100%;
}
.webVueAntYtVerticleMenu div>li>.ant-menu-submenu-title {
height: 100%;
}

.webVueAntYtVerticleMenuStyle-10mwo.ant-menu{
box-shadow: 0px 0px 0px 0px transparent!important;
color: #FFFFFF;
background: #001529;
}
.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-inline div>li.ant-menu-item,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-inline div>li>.ant-menu-submenu-title,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-inline div>li.ant-menu-item.ant-menu-item-only-child{
height: 39px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px !important;
}
.webVueAntYtVerticleMenuStyle-10mwo div>li.ant-menu-item,.webVueAntYtVerticleMenuStyle-10mwo div>li>.ant-menu-submenu-title,.webVueAntYtVerticleMenuStyle-10mwo div>li.ant-menu-item.ant-menu-item-only-child{
height: 39px;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px !important;
}
.webVueAntYtVerticleMenuStyle-10mwo.ant-menu .ant-menu-submenu-inline .ant-menu-inline,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu .yt-horizontal-menu-menu-sub-menu .ant-menu-item,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu .yt-horizontal-menu-menu-sub-menu .ant-menu-submenu{
color: #FFFFFF;
background: #001529;
}
.webVueAntYtVerticleMenuStyle-10mwo.ant-menu .ant-menu-vertical{
background: #001529;
}
.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-inline .ant-menu-submenu-inline .ant-menu-inline li.ant-menu-item,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-inline .ant-menu-submenu-inline .ant-menu-inline li.ant-menu-item-only-child,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-inline .ant-menu-submenu-inline .ant-menu-inline li>.ant-menu-submenu-title,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-vertical .ant-menu-submenu-popup .ant-menu-vertical li.ant-menu-item,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-vertical .ant-menu-submenu-popup .ant-menu-vertical li.ant-menu-item-only-child,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-vertical .ant-menu-submenu-popup .ant-menu-vertical li>.ant-menu-submenu-title{
height: 39px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px !important;
}
.webVueAntYtVerticleMenuStyle-10mwo.ant-menu .ant-menu-item-selected,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu .yt-horizontal-menu-menu-sub-menu .ant-menu-item-selected,.webVueAntYtVerticleMenuStyle-10mwo .ant-menu-submenu-selected>.ant-menu-submenu-title,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu .sub-menu-selected>.ant-menu-submenu-title>.ant-menu-title-content{
color: #FFFFFF;
}
.webVueAntYtVerticleMenuStyle-10mwo.webVueAntYtVerticleMenu.ant-menu .ant-menu-item.ant-menu-item-selected,.webVueAntYtVerticleMenuStyle-10mwo.webVueAntYtVerticleMenu.ant-menu .sub-menu-selected>.ant-menu-submenu-title{
background: #1990FF;
}
.webVueAntYtVerticleMenuStyle-10mwo .ant-menu-submenu:not(.ant-menu-item-selected):hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.webVueAntYtVerticleMenuStyle-10mwo .ant-menu-submenu:not(.ant-menu-item-selected):hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):hover,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-light .ant-menu-submenu-title:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected):hover{
color: #FFFFFF;
background: #1990FF!important;
}
.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-light .ant-menu-submenu-title:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected):hover,.webVueAntYtVerticleMenuStyle-10mwo.ant-menu-light.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){
color: #FFFFFF;
}
.webVueAntYtVerticleMenuStyle-10mwo.webVueAntYtVerticleMenu.ant-menu-light .ant-menu-item-active:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),.webVueAntYtVerticleMenuStyle-10mwo.webVueAntYtVerticleMenu.ant-menu-light .ant-menu-submenu-active:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){
color: #FFFFFF;
}
.webVueAntYtVerticleMenuStyle-10mwo.webVueAntYtVerticleMenu .ant-menu-item.ant-menu-item-selected:hover,.webVueAntYtVerticleMenuStyle-10mwo .ant-menu-submenu-title.ant-menu-item-selected:hover{
color: #FFFFFF;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
width: 100%;
height:100%;

}

.webVueAntYtRectangleStyle-uq8cq{
background: #001529;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
display: block;
height:100%;
width:100%;
}
.webVueAntYtSpan span{
word-break: break-all;
width: auto;
display: inline-block;
vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
outline: none;
}

.webVueAntYtSpanStyle-8ddfw{
color: #FFFFFF !important;
font-size: 32px;
font-weight: 600;
line-height: 46px;
letter-spacing: 2px;
}
.webVueAntYtSpanBrCount-7k4vr{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.webVueAntYtSpanBrCount-7k4vr span{
display: inline;
}
.webVueAntYtSpanStyle-8ddfw span{
text-decoration: none;
}

.webVueAntYtPicture {
width: 100%;
height:100%;
overflow: hidden;
}
.webVueAntYtPicture img, .webVueAntYtPicture .ant-image {
width: 100%;
height:100%;
}

.webVueAntYtPictureStyle-o3jmf{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}

.webVueAntYtIcon {
width: 100%;
height: 100%;
}

.webVueAntYtIcon img {
width: 100%;
height: 100%;
}

@keyframes rotate-animation {
from {
transform: rotate(0deg);
}

to {
transform: rotate(360deg);
}
}

.yt-icon-rotate {
animation: rotate-animation 1s linear infinite;
}

.webVueAntYtPictureStyle-o9qle{
opacity: 1;
}
.webVueAntYtPictureStyle-o9qle img{
box-shadow: 0px 0px 5px 2px transparent;
transform: scale(1, 1);
opacity: 1;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
background-color: transparent;
}


.webVueAntYtInputFormItem-oaiqg .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-oaiqg .ant-form-item-label label{
width: 53px;
padding-right: 10px;
}
.webVueAntYtInputStyle-lvwqf:not(.ant-input-affix-wrapper){
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
background: transparent !important;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtInputStyle-lvwqf.ant-input-affix-wrapper{
background: transparent;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtInputStyle-lvwqf.ant-input-affix-wrapper input{
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
}}
</style>